<template>
  年龄：<input v-model="age" type="number">
    <hr>
  员工的名字：<input v-model="emp.name" type="text">
</template>

<script>
export default {
    data: () => ({
        age: 30, // 年龄
        emp: {
            name: 'Jack', // 名字
            salary: 7000 // 薪水
        }
    }),
    watch: { // 侦听器
        age: { // 侦听 age 数据源
            handler(newData, oldData) { /* 如果 age 数据源发生变化，将执行handler的代码片段 */
                console.log('newData: ' + newData)
                console.log('oldData: ' + oldData)
            }
        },
        'emp.name': { // 侦听 emp.name 数据源
            handler(newData, oldData) { /* 如果 emp.name 数据源发生变化，将执行handler的代码片段 */
                console.log('newData: ' + newData)
                console.log('oldData: ' + oldData)
            }
        }
    }
}
</script>